<template>
  <div class="wrap">
    <router-view></router-view>
    <div class="footer">
      <router-link class="tab" to="/index">
        <img src="../assets/all.png" alt />
        <img src="../assets/allact.png" alt />
        <p>全部订单</p>
      </router-link>
      <router-link class="tab" to="/mysend">
        <img src="../assets/ts.png" alt />
        <img src="../assets/tsact.png" alt />
        <p>代发订单</p>
      </router-link>

      <router-link class="tab" to="/person">
        <img src="../assets/person.png" alt />
        <img src="../assets/personact.png" alt />
        <p>商家中心</p>
      </router-link>
    </div>
  </div>
</template>
<style lang="scss" scoped>
.footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px solid #e5e5e5;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: #fff;
}
.tab {
  color: #666;
  text-decoration: none;
  img {
    width: .7rem;
    height:.7rem;
    display: block;
    margin: 0 auto;
    
  }
  p{
    font-size: .3rem;
  }
  img:nth-of-type(1) {
      display: block;
    }
  img:nth-of-type(2){
      display: none;
    }
}
.router-link-active {
  color: #719BEF;
  img:nth-of-type(1) {
      display: none;
    }
  img:nth-of-type(2){
      display: block;
    }
}
</style>
<script>
export default {
  created(){
  }
}
</script>

